﻿<script type="text/javascript">
    $(function () {
        $("#menu").hover(
            function () { $(".sub").slideToggle(400); },
            function () { $(".sub").hide(); }
        );
    });
</script>
<style type="text/css">
    a
    {
        text-decoration: none;
    }
    .menu
    {
        font-family: Arial;
        color: #515151;
        width: 200px;
        position: relative;
        height: 40px;
        text-align: left;
        width: 202px;
        margin: 0 auto;
    }
    .menu li a
    {
        font-family: OpenSans, sans-serif;
        color: #02ADEF;
        display: block;
        padding: 6px 10px;
        cursor: pointer;
        font-size: 14px;
    }
    .menu li a:hover
    {
        font-family: OpenSans, sans-serif;
        background: #02ADEF;
        color: #fff !important;
    }
    
    .sub
    {
        background: #fff;
        position: absolute;
        z-index: 2;
        width: 130px;
        padding: 30px 0 0px;
        border-radius: 3px;
        box-shadow: 0 2px 4px #ddd;
        border: 1px solid #ddd;
        display: none;
    }
    a.hover-link
    {
        font-family: OpenSans, sans-serif;
        position: absolute;
        z-index: 110;
        display: block;
        cursor: pointer;
        float: left;
        text-transform: uppercase;
        font-weight: bold;
        width: 130px;
        padding-top: 10px;
        text-align: right;
        height: 25px;
        border-bottom: 1px solid #ccc;
    }
    .sub-options
    {
        list-style: none;
        margin: 0px;
        padding: 0px;
        font-size: 11px;
    }
</style>
<div class="dvLeft">
    <div class="dvLogo">
        <a href="/">
            <img src="@Url.Content("../../Content/images/logo-trang-trong.png")" alt="Trang chủ Tâm An Ad" title="Trang chủ Tâm An Ad" /></a>
    </div>
    <div class="dvSlogan">
        Thành công của bạn - Thành quả của chúng tôi
    </div>
</div>
<div class="dvRight">
    <div class="dvMenu">
        @Html.ActionLink("trang chủ", "Index", "Home")
    </div>
    <div class="clear">
    </div>
    <div class="dvMenu">
        @Html.ActionLink("giới thiệu", "AboutUS", "Services")
    </div>
    <div class="clear">
    </div>
    <div class="menu" id="menu" style="cursor: pointer;">
        <a class='hover-link'>@Html.Raw("dịch vụ")</a>
        <div class='sub'>
            @Html.Raw(ViewBag.lstSubMenu)
        </div>
    </div>
    @if (Roles.IsUserInRole("admin") || Roles.IsUserInRole("Customer"))
    {
        <div class="dvMenu">
            <a href="@Url.Content("~/khach-hang.html")">Khách hàng</a>
        </div>
    }
    @if (Roles.IsUserInRole("Station"))
    {
        <div class="dvMenu">
            <a href="@Url.Content("~/nha-dai.html")">Nhà đài</a>
        </div>
    }
    @if (Roles.IsUserInRole("admin"))
    {
        <div class="dvMenu">
            <a href="@Url.Content("~/admincp.html")">Admin</a>
        </div>
    }
    <div class="dvMenu">
        <a href="@Url.Content("~/lien-he.html")">Liên hệ</a>
    </div>
</div>
<div class="clear">
</div>
